*{
    padding: 0;
    margin: 0;
}
a{
    text-decoration: none;
    color: black;
}
ul,li{
    list-style: none;
}
.flex{display: flex}
.header{
    width: 63%;
    margin: auto;
    padding: 5px 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .9rem;
}
.logoimg{width:124px;height:124px}
.left{float: left}.right{float: right;}
.swiper-wrapper img{width: 100%}
.daohang ul{display: flex;vertical-align: center}
.daohang li a{margin: 0 10px;padding: 15px 20px;color: #000000}
.daohang li a:hover{  border-bottom: 2px solid #f13a3a;color: #f13a3a;}
.daohang .active a{
    border-bottom: 2px solid #f13a3a;
    color: #f13a3a;
}
.daohang a{color: #000000}
.banner{height: 300px;overflow: hidden;}
/*.banner img{width: 100%;height: inherit;}*/
/*foot*/
.foot{
    padding: 60px 20px;
    background: #1b252e;
    color:rgb( 139, 147, 157);
    font-size: .8rem;
}
.foot ul{
    width: 63%;
    margin: auto;
    justify-content: space-between;
    align-items: center;
}
.foot li{align-items: center}
.foot ul li img{
    margin-right: 15px;
}
@media screen and ( max-width: 1000px){
    .header{
        width: 85%;
        /*margin: auto;*/
    }

}
